<html>
  <head>
    <meta charset="utf-8">
    <title>Big Lists</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <link href="../../dist/css/ionic.css" rel="stylesheet">
    <style>
    </style>
  </head>
  <body>

    <header class="bar bar-header bar-dark">
      <h1 class="title">Lists</h1>
    </header>

    <main class="content has-header" id="content">

        <div id="list" class="scroll">
          <div class="list">

            <div class="item item-divider">
              Work
            </div>

            <a href="#" class="item item-icon-left">
              <i class="icon-email"></i>
              Check mail
            </a>

            <a href="#" class="item item-icon-left">
              <i class="icon-chatbubble-working"></i>
              Call Ma
              <input type="text" placeholder="name">
            </a>

            <div class="item item-divider">
              Work
            </div>

            <a href="#" class="item item-icon-left">
              <i class="icon-email"></i>
              Check mail
              <span class="badge badge-info">5</span>
            </a>

            <a href="#" class="item item-icon-left">
              <i class="icon-chatbubble-working"></i>
              Call Ma
              <span class="item-label-right">
                Cell
              </span>
            </a>

            <a href="#" class="item item-icon-left">
              <i class="icon-mic-a"></i>
              Record album
              <span class="item-label-right">
                Grammy
              </span>
            </a>

            <a href="#" class="item item-icon-left">
              <i class="icon-flask"></i>
              Breaking Bad
              <span class="item-label-right">
                Blue, yellow, pink
              </span>
            </a>

            <div class="item item-divider">
              Leisure
            </div>

            <a href="#" class="item item-icon-left">
              <i class="icon-game-controller-b"></i>
              Games
              <span class="item-label-right">
                Super Mario
              </span>
            </a>

            <a href="#" class="item item-icon-left">
              <i class="icon-music-note"></i>
              Music
              <span class="item-label-right">
                JT
              </span>
            </a>

            <a href="#" class="item item-icon-left">
              <i class="icon-bag"></i>
              Shopping
              <span class="item-label-right">
                Bag
              </span>
            </a>

            <a href="#" class="item item-icon-left">
              <i class="icon-person-stalker"></i>
              Friends
              <span class="badge badge-danger">0</span>
            </a>


            <div class="list-header">
              List Header
            </div>

            <div href="#" class="item">
              Not a link so no default right arrow
            </div>

            <a href="#" class="item">
              <div class="item-content slide-right">
                Auto Right side arrow cuz its a link
              </div>
            </a>

            <a href="#" class="item item-icon-right">
              <div class="item-content slide-right">
                Processing Icon
                <i class="icon-loading"></i>
              </div>
            </a>

            <div class="item item-divider">
              List Divider
            </div>

            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Computers
                <span class="badge">Badge</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>

            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Monitors
                <span class="badge">6</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>

            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>
            <a href="#" class="item item-complex">
              <div class="item-content slide-left">
                Multiple Badges
                <span class="badge">62</span>
                <span class="badge">4</span>
                <span class="badge">143</span>
              </div>
              <div class="item-options">
               <button class="button">Button</button>
             </div>
            </a>

          </div>
          <div class="padding">
            <a class="button button-secondary" href="index.html">Homepage</a>
          </div>
        </div>


    </main>



    <script src="../../dist/js/ionic.js"></script>
    <script>
      var list = document.getElementById('list');
       var lv = new ionic.views.List({
         el: list,
       });

       /*
       var lv = new ionic.views.ListView({
         el: list,
         listEl: list.children[0],
         isVirtual: false,
         itemHeight: 50,
         renderViewport: function(high, low, start, end) {
          console.log('RENDER VIEWPORT', high, low, start, end);
         }
       });
       */
    </script>

  </body>
</html>
